<template>
	<div class="fixed-bottom w-100  footNav">
		
		    <ul class="nav nav-pills w-100 h-100 align-items-center d-flex justify-content-between">
		        <li class="nav-item ml-lg-2 pl-2">
		          <router-link to="/homePage/shareSquare" class="nav-link  align-items-center d-flex flex-column" >
					  <i class="iconfont icon-shouye"></i>
					  首页</router-link>
		        </li>
		        <li class="nav-item ml-lg-2 pl-2" >
		         <router-link to="/homePage/category" class="nav-link  align-items-center  d-flex flex-column" >
		         					  <i class="iconfont icon-fenlei"></i>
		         					  分类</router-link>
		        </li>
		        <li class="nav-item ml-lg-2 pl-2" >
		          <router-link to="/homePage/searchWall" class="nav-link  align-items-center  d-flex flex-column" >
		          					  <i class="iconfont icon-sousuo"></i>
		          					  搜索</router-link>
		        </li>
		        <li class="nav-item ml-lg-2 pl-2" >
		         <router-link to="/homePage/my" class="nav-link  d-flex align-items-center  flex-column" >
		         					  <i class="iconfont icon-wode"></i>
		         					  我的</router-link>
		        </li>
		       
		      </ul>
		
		  
	</div>
</template>

<script>
</script>

<style scoped="scoped" lang="less">
	.nav-link{
		color:white
	}
	.footNav{
		height: 63px;
		background: #545c64;
	}
</style>
